<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.net.*,model.vo.MemberVO"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%--jstl을 쓰기 위해 사용 --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>환경 솔루션</title>
<script type="text/javascript" src="script/sms_login_script.js"></script>
<script type="text/javascript" src="calendar/jquery-1.4.4.min.js"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<style type="text/css">

html, body {height: 100%; }
div#distance { margin-bottom: -10em; width: 1px;height: 50%; float: left;}
div#container {	position: relative;   text-align: left; height: 150px;	width: 575px; margin: 0 auto; padding-top: 60px; clear: left;}

body {background: url(images/bg-login.jpg) repeat-x center; margin: 0; padding: 0;
font-family: 'dotum', Helvetica, Arial, Tahoma, serif; font-size: 9pt;}
h1 {font-size:250%; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; width:450px; 
	margin: 0 0 25px 0; padding: 0;}
h1 a {color:#fff; text-decoration:none;}
h1 a:hover {color:#ccc;}

fieldset, form {margin: 0; padding: 0; border: 0; outline: 0;}
fieldset legend {display: none;}

ol {margin: 0; padding: 0; list-style: none;}
ol li {float: left; margin-right: 15px;}
label {display: block;}
label.field-title {width:75px; color:#fff; font-weight: bold; float: left; padding-top: 3px;}
label.txt-field {width: 186px; height: 21px; background: url(images/bg-loginboxes.gif) no-repeat; float: left; margin-right: 10px}
label.txt-field input {border: none; outline: none; background: none; padding: 2px 0 0 8px;}
label.remember {color:#ccc; float:left; width: 200px; margin-top: 20px; margin-left:75px; margin-right: 215px;}
div.align-right {float: left; width: 56px;  margin-top: 20px;}
/*
.png { 
    tmp:expression(setPng24(this)); 
} 
*/
</style>
<script type="text/javascript"> 
//ie 6에서 png 파일 쓰기 위한 스크립트
/*
function setPng24(obj) { 
    obj.width=obj.height=1; 
    obj.className=obj.className.replace(/\bpng24\b/i,''); 
    obj.style.filter = 
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');";
    return ''; 
} 
*/
</script>

        <!--[if IE 6]>
        <style type="text/css">
        label.remember {width: 200px; margin-left:40px;}
        label.txt-field {margin-right: 5px}
        </style>
        <![endif]-->

</head>
<body>
<div id="distance"></div>
	<div id="container" style="display: ">
	<script type="text/javascript">
	//메뉴의 쿠키 초기화
	$(function(){
		$.cookie("menu1", ""); 
		$.cookie("subMenu", ""); 
	}); 
	</script>
	
	<c:choose>
		<c:when test="${sessionScope.USER_ID==null}">
		<div id="top"><h1><a href="#"><img src="images/logo.png" border="0" alt="로고" class="png"/></a></h1></div>
		<div id="form-container" >
			<form name="loginForm">
			<fieldset>
				<legend>Login</legend>
				<ol>
					<li><label class="field-title">Username:</label><label class="txt-field"><input type="text" name="logId" id="logId" /></label></li>
					<li><label class="field-title">Password:</label><label class="txt-field"><input type="password" name="logPw" id="logPw" /></label></li>
					<li><label class="remember"><%--<input  type="checkbox" name="remember" value="yes"/> 자동로그인 --%></label>
					<div class="align-right">
					<input type="image" name="loginBtn" id="loginBtn" src="images/bt-login.gif" onclick='javascript:login();return false;'></input>
					</div></li>
				</ol>
			</fieldset>
			<span class="clearFix">&nbsp;</span>
			</form>
		</div>
		<%--
		<input type="button" value="개발용로그인" onclick='javascript:ajaxLoginAuto();'></input>
		 --%>
		</c:when>
		<c:otherwise>
			<script type="text/javascript">
				location.href="smsAction.do?mode=mainPage";
			</script>
		</c:otherwise>
	</c:choose>
	
	
		<span id="check"></span>
	</div>
<div id="show" style="filter:Alpha(opacity=40,style=2); " ></div>
</body>
</html>